<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- Mobile viewport optimized: h5bp.com/viewport -->
   <meta name="viewport" content="width=device-width">

   <title>Zeus Thunder Web</title>

   <meta name="robots" content="noindex, nofollow">
   <meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
   <meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
   <meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
   
   <!-- remove or comment this line if you want to use the local fonts -->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>

   <!--<link rel="stylesheet" type="text/css" href="content/css/bootstrap.css">-->
   <link rel="stylesheet" type="text/css" href="/content/css/bootmetro-icons.css">
   <link rel="stylesheet" type="text/css" href="/content/css/bootmetro.css">
   <link rel="stylesheet" type="text/css" href="/content/css/bootmetro-responsive.css">
   <link rel="stylesheet" type="text/css" href="/content/css/bootmetro-ui-light.css">
   <link rel="stylesheet" type="text/css" href="/content/css/datepicker.css">
   <!--[if IE 7]>
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-icons-ie7.css">
   <![endif]-->

   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="/content/css/demo.css">
   <link rel="stylesheet" type="text/css" href="/scripts/google-code-prettify/prettify.css" >

   <!-- Le fav and touch icons -->
   <link rel="shortcut icon" href="/content/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="/content/ico/apple-touch-icon-57-precomposed.png">

   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
   <script src="/scripts/modernizr-2.6.2.min.js"></script>

   <script type="text/javascript">
       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', 'UA-3182578-6']);
       _gaq.push(['_trackPageview']);
       (function () {
           var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
           ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
           var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
       })();
   </script>

   <!-- Js Library -->
   <script src="/scripts/jquery-1.8.3.min.js"></script>
   <!--<script> window.jQuery || document.write("<script src='/scripts/jquery-1.8.3.min.js'>\x3C/script>")</script>-->

   <script type="text/javascript" src="/scripts/google-code-prettify/prettify.js"></script>
   <script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
   <script type="text/javascript" src="/scripts/bootmetro-panorama.js"></script>
   <script type="text/javascript" src="/scripts/bootmetro-pivot.js"></script>
   <script type="text/javascript" src="/scripts/bootmetro-charms.js"></script>
   <script type="text/javascript" src="/scripts/bootstrap-datepicker.js"></script>
   <!--<script type="text/javascript" src="scripts/jquery.nicescroll.js"></script>-->
   <script type="text/javascript" src="/scripts/jquery.touchSwipe.js"></script>
   <script type="text/javascript" src="/scripts/demo.js"></script>
   <script type="text/javascript" src="/scripts/holder.js"></script>
   <!-- G Library --> 
   <script type="text/javascript" src="/scripts/glib/G_JqEffect.js"></script>
   <script type="text/javascript">
       $('.panorama').panorama({
           nicescroll: false,
           showscrollbuttons: true,
           keyboard: true
       });

       $('#pivot').pivot();
   </script>
</head>

<body>
   <!--[if lt IE 7]>
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <![endif]-->

   <!-- Header
   ================================================== -->
   <header id="nav-bar" class="container">
      <div class="row">
         <div style="float:left;">
            <a href="/Home/Index"><img src="/content/img/ZeusLogo.png" style="height:80px;width:80px;" /></a>
         </div>
         <div class="span11">
            <div id="header-container">
               @Html.Partial("~/Views/Shared/_Menu.cshtml")
            </div>
            <div id="top-info" class="pull-right">
            <a id="settings" class="pull-right" href="#">
               <b class="icon-settings"></b>
            </a>
            <!--<hr class="separator pull-right"/>-->
            <a id="logged-user" href="#" class="pull-right">
                  <b class="icon-user-2"></b>
            </a>
            
            <div class="pull-left">
               <h3>Master</h3>
               <h4>HaKu</h4>
            </div>
         </div>
      </div>
      </div>
   </header>
   
   <div class="container">
      @RenderBody()
   </div>

   <div class = "footer">
    <center>
        Author: Master HaKu &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CopyRight: 2013
    </center>
   </div>
   
</body>
</html>
